<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>DataCube - Search</title>
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=1280px, initial-scale=0.3"/>
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/search.css">
</head>

<body>
<!--[if lte IE 8]>
    <p class="browserupgrade">浏览器版本太低，请点击<a href="http://browsehappy.com/">这里</a>更新。</p>
<![endif]-->


<header>
    <nav class="top">
        <a href="http://ouylj.oschina.io/datacube1-1-1/" class="brand"><img src="img/LOGO.png" alt="回到首页"></a>
        <ul>
            <li><a href="javascript:;">导览 ∨</a></li>
            <li><a href="javascript:;">关于我们</a></li>
            <li><a href="javascript:;">登录</a></li>
            | <li><a href="javascript:;">注册</a></li>
        </ul>
    </nav>
</header>

<section class="searchbox">
    <div id="mainbg" class="bgcanvas">

    </div>
    <div class="search">
        <input type="search" name="" value="搜影片、搜演员">
        <span></span>
    </div>
</section>
<section class="swiperbox">
    <h3 class="h3h3">正在热映</h3>
    <div class="swiper-container">
        <ul class="swiper-wrapper">
            <li class="swiper-slide"><a href="javascript:;"><img src="img/images/movie1.jpg" alt="" /><p>有完没完</p></a></li>
            <li class="swiper-slide"><a href="javascript:;"><img src="img/images/movie2.jpg" alt="" /><p>Beauty Beast</p></a></li>
            <li class="swiper-slide"><a href="javascript:;"><img src="img/images/movie3.jpg" alt="" /><p>冰雪大作战</p></a></li>
            <li class="swiper-slide"><a href="javascript:;"><img src="img/images/movie4.jpg" alt="" /><p>嫌疑人X的献身</p></a></li>
            <li class="swiper-slide"><a href="javascript:;"><img src="img/images/movie5.jpg" alt="" /><p>非凡任务</p></a></li>
            <li class="swiper-slide"><a href="javascript:;"><img src="img/images/movie6.jpg" alt="" /><p>aaa</p></a></li>
            <li class="swiper-slide"><a href="javascript:;"><img src="img/images/movie7.jpg" alt="" /><p>aaaaaaaaaaaaaaaaaaaaaaaaaa</p></a></li>
        </ul>
        <div class="swiper-scrollbar"></div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>
</section>



<footer>
    <div class="fbox">
        <ul class="footermsg clearfix   ">
            <li>
                <h3>首页</h3>
                <p><a href="http://ouylj.oschina.io/datacube1-1-1/">首页</a></p>
            </li>
            <li>
                <h3>数据</h3>
                <p><a href="">票房数据</a></p>
                <p><a href="">排片数据</a></p>
                <p><a href="">影库资源</a></p>
                <p><a href="">舆情分析</a></p>
                <p><a href="">榜单数据</a></p>
            </li>
            <li>
                <h3>咨询</h3>
                <p><a href="">解决方案</a></p>
                <p><a href="">专业服务</a></p>
            </li>
            <li>
                <h3>关于我们</h3>
                <p><a href="">公司介绍</a></p>
                <p><a href="">联系方式</a></p>
                <p><a href="">合作伙伴</a></p>
                <p><a href="">招聘信息</a></p>
            </li>
        </ul>
        <div class="share">
            <img style="margin-bottom: 20px;" src="img/erweima.png" alt="扫二维码关注">
            <img src="img/ic.png" alt="扫二维码关注">
        </div>
    </div>
</footer>
</body>
<script src="js/vendor/jquery-ui-1.12.1.custom/external/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="js/vendor/node_modules/echarts/dist/echarts.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/main3.js" type="text/javascript" charset="utf-8"></script>
</html>